<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
	<title>首页</title>
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 
<!-- 页面指向 -->
<!-- <div class="page-point bg-white">
	<ul>
		<li>首页</li>
		<li>系统管理</li>
		<li>用户管理</li>
	</ul>
</div> -->
<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>




<!--主体内容-->
<div class="page-container page-container-70">

	<ul class="data-monitoring-box clearfix">
		<li>
			<p class="first realTime">15:00:44</p>
			<span class="first realDate">2018-04-17  星期二</span>
		</li>
		<li class="li-2">
			<p class="equipment_num num">0</p>
			<span>设备总数(个)</span>
		</li>
		<li class="li-3">
			<p class="runTime">0</p>
			<span>运行总时长(H)</span>
		</li>
		<li class="li-4">
			<p class="stopTime">0</p>
			<span>停机总时长(H)</span>
		</li>
		<li class="li-5">
			<p class="electricity">0</p>
			<span>用电累计(KWH)</span>
		</li>
		<li class="last">
			<p class="water">0</p>
			<span>用水量累计(m³)</span>
		</li>
	</ul>

	<!--可视化数据图表-->
	<div class="charts-wrap">
		<ul>
			<li class="e-wrap"><div id="main" style="width:100%; height:100%"></div><span class="title" id="dataName">设备运行率</span></li>
			<li class="e-wrap"><div id="main2" style="width:100%; height:100%"></div><span class="title" id="dataName_2">设备告警率</span></li>
			<li class="e-wrap last"><div id="main3" style="width:100%; height:100%"></div><span class="title" id="dataName_3">预警处理率</span></li>
		</ul>
	</div>

</div>


<div th:replace="common/foot" > 
</div>
<script th:src="@{/js/index/index.js}"></script>

</body>
</html>